@import "../../style/slagCar/pubLayout";

.g-header{
  .filter-btn{
    position: absolute;
    top: 50%;
    right: 20rpx;
    transform: translateY(-50%);
    height: 48rpx;
    border-radius: 8rpx;
    font-size: 46rpx;
  }
}
.g-main{

  display: flex;
  flex-direction: column;
  .banner-wrap{
    position: relative;
    & > image{
      width: 100%;
      opacity: 0.6;
    }
    .date-wrap{
      position: absolute;
      top: 0;
      right: 0;
      padding: 20rpx;
      font-size: 32rpx;
      & > text{
        margin: 0 20rpx;
      }
    }
  }

  .list-wrap{
    .item{
      display: flex;
      justify-content: space-between;
      //padding: 20rpx;
      border-bottom: 1rpx solid #e6e6e6;
      background: #fff;

      .item-l{
        padding: 20rpx;
        .icon{
          width: 80rpx;
          height: 80rpx;
          border-radius: 8rpx;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 46rpx;
          color: #FFFFFF;
        }
      }
      .item-r{
        flex: 1;
        padding: 20rpx 0;
        .title{
          font-size: 32rpx;
          font-weight: bold;
          color: #333333;
          margin-bottom: 10rpx;
        }
        .content{
          color: #999999;
          .colorRed{
            color: #ff0000;
          }
        }
      }
      .icon-arrow{
        font-size: 40rpx;
      }
    }
  }
}
